import type { StaticScreenProps } from '@react-navigation/native';
import { ScreenContent } from 'components/ScreenContent';
<% if (props.stylingPackage?.name === "unistyles") { %>
import { View } from 'react-native';
import { StyleSheet } from 'react-native-unistyles';
<% } else {%>
import { StyleSheet, View } from 'react-native';
<% } %>

type Props = StaticScreenProps<{
  name: string;
}>;

export default function Details({ route }: Props) {
  return (
    <View style={styles.container}>
      <ScreenContent
        path="screens/details.tsx"
        title={`Showing details for user ${route.params?.name}`}
      />
    </View>
  );
}

<% if (props.stylingPackage?.name === "unistyles") { %>
export const styles = StyleSheet.create((theme, rt) => ({
    container: {
        flex: 1,
        padding: 24,
        backgroundColor: theme.colors.background,
        paddingBottom: rt.insets.bottom,
    },
}));
<% } else { %>
export const styles = StyleSheet.create({
    container: {
        flex: 1,
        padding: 24,
    },
});
<% } %>
